<template>
	<section class="login">
		<section class="content">
			<CommonForm ref="commonForm" :form-data="loginClass.getFormCol()">
				<template #default>
					<div>
						<div class="login-button">
							<el-button type="primary" @click="loginClass.login(loginClass.isRegistry.value)">
								{{ loginClass.isRegistry.value ? '注册' : '登录' }}
							</el-button>
						</div>
						<div class="login-footer">
							<el-button type="primary" link @click="loginClass.registry()"> 去注册 </el-button>
						</div>
					</div>
				</template>
			</CommonForm>
		</section>
	</section>
</template>
<script lang="ts" setup name="Login">
import { ref } from 'vue'
import { LoginClass } from './controller'
const commonForm = ref()
let loginClass = new LoginClass(commonForm)
</script>
<style scoped src="./index.scss"></style>
